<template>
  <el-popover :trigger="$attrs.trigger" v-model="popoverVisible">
    <div>
      <slot></slot>
    </div>
    <el-button v-if="$attrs.btnLabel" slot="reference">{{ $attrs.btnLabel }}</el-button>
    <slot v-else name="reference" slot="reference"></slot>
  </el-popover>
</template>

<script>
export default {
  name: "buttonPopver",
  data () {
    return {
      popoverVisible: false
    }
  },
  methods: {
    btnTrigger () {
      this.popoverVisible = false
    }
  }
}
</script>

<style scoped>

</style>